<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>后台登陆界面</title>
  <link rel="stylesheet" href="__ROOT__/__LAYUI__/css/layui.css">
  <link rel="stylesheet" href="__ROOT__/__COMMON__/css/common.css"> 
  <script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.1.2/jquery.js"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo">工厂管理系统</div>
  </div>
  
 


<div class="layui-body">
	主题图片	
</div>

  <div class="layui-body">
    <!-- 表单控件-->
    	 <form style="height: 90%;">
					<div class="layui-tab layui-tab-card" style="width:35%;height: 78%; margin: 1% 51%;">
  						<ul class="layui-tab-title">
    					<li style="width: 40%;">手机号码登陆</li>
    					<li style="width: 48%;">工号密码登陆</li>	 	
  						</ul>
  					<div class="layui-tab-content" style="height: 100px;">
    					<div class="layui-tab-item layui-show" style="margin:11%;">
							
							<div class="layui-form-item">
							<div class="layui-input-block" style="margin:auto 5%;width: 90%;">
     							 <input type="text" id="telphone" name="telphone" required  lay-verify="required" placeholder="请输入11位手机号码" autocomplete="off" class="layui-input">
    						</div>
							</div>
							
							<div class="layui-form-item">
    						<div class="layui-input-block" style="margin:auto 5%;width: 70%;">
     							 <input type="text" name="password" required  lay-verify="required" placeholder="请输入随机密码" autocomplete="off" class="layui-input"> 
     							 <div style="margin: -11% 111%;width: 24%;" class="sendMessage">
     							 <a href="javascript:void(0);" onclick="ceshi();">点击获取</a>
     							</div>
    						</div>	
							</div>

							<div class="layui-form-item">
								<div class="layui-input-block" style="margin:11%;">
									<button class="layui-btn" lay-submit lay-filter="formDemo" style="margin:10% -8%;width: 115%;">登陆</button>	
								</div>
							</div>
						
    					</div>
    					<div class="layui-tab-item" style="margin:11%;">
							<div class="layui-form-item">
							<div class="layui-input-block" style="margin:auto 5%;width: 90%;">
     							 <input type="text" name="id" required  lay-verify="required" placeholder="请输入您的工号" autocomplete="off" class="layui-input">
    						</div>
							</div>
							
							<div class="layui-form-item">
    						<div class="layui-input-block" style="margin:auto 5%;width: 90%;">
     							 <input type="text" name="password" required  lay-verify="required" placeholder="请输入您的密码" autocomplete="off" class="layui-input">
    						</div>	
							</div>

							<div class="layui-form-item">
								<div class="layui-input-block" style="margin:11%;">
									<button class="layui-btn" lay-submit lay-filter="formDemo" style="margin:auto -8%;width: 115%;">登陆</button>	
								</div>
							</div>
						
							<div class="layui-form-item">
								<div style="margin-left: 40%;">
								<div style="float:left;">忘记密码? | </div><div style="float:left;margin-left: 2%;">注册新工号</div>
								</div>
							</div>
    						
    					</div>
  					</div>
					</div>
		</form>
  </div>
  
  <div class="layui-footer1">
    <!-- 底部固定区域 -->
    ©系统登陆界面
  </div>
</div>
<script src="__ROOT__/__LAYUI__/layui.js"></script>
<script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
});
function ceshi(){
 var telphone=$("#telphone").val();
	$.ajax({
		url:"https://www.baidu.com",
		data:{telphone:telphone},
		dataType:"json",
		success:function(res){
			console.log(res);
		},
		error:function(res){
			console.log(res);
		}
	});
}

</script>
</body>
</html>